<template>
    <sa-text-toggle :text="text" :width="'200px'" :maxLines="2">
        <template v-slot:default="{ clickToggle, expanded }">
            <a @click="clickToggle" class="btn">
                {{ expanded? "收起": "展开" }}
            </a>
        </template>
    </sa-text-toggle>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
let text = ref(`  浩瀚的宇宙中，一片星系的生灭，也不过是刹那的斑驳流光。
  仰望星空，总有种结局已注定的伤感，千百年后你我在哪里？家国，文明火光，地球，都不过是深空中的一粒尘埃。
  星空一瞬，人间千年。
  虫鸣一世不过秋，你我一样在争渡。
  深空尽头到底有什么？`);
</script>